<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>首页</title>
    <meta name="decorator" content="cms_default_${site.theme}"/>
    <meta name="description" content="JeeSite ${site.description}"/>
    <meta name="keywords" content="JeeSite ${site.keywords}"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.2/css/swiper.css">
    <style>
        .container{
            width:100%;
        }
        .navbar-fixed-top{
            margin-bottom:0;
        }
        .swiper-container{
            width:100%;
            height:600px;
        }
        .swiper-container img{
            display:block;
            width:100%;
            height:600px;
        }
        .swiper-container .swiper-button-next{
            background: none;
            font-size: 100px;
            font-weight:600;
            color: #fff;
            padding-right:130px;
        }
        .swiper-container .swiper-button-prev{
            background: none;
            font-size: 100px;
            font-weight: 600;
            color: #fff;
            padding-left:100px;
        }


        .row-out{
            width:100%;
            height:860px;

        }
        .row{
            width:1200px;
            margin:0 auto;
            height:860px;
            position:relative;
        }
        /*.row-out:nth-child(3){*/
            /*background: #ddd;*/
        /*}*/
        .row .title{
            position:relative;
        }
        .row .title .outter{
            position:absolute;
            left:-24px;
            top:80px;
        }
        .row .title .inner{
            position:absolute;
            top:166px;
            left:47px;
            background-color: rgba(255,255,255,0);
        }
        .row .title .more{
            position:absolute;
            top:125px;
            left:20px;
            font-size:20px;
            color:#fff;
            font-weight:600;
        }
        .row .title .item1{
            position:absolute;
            left:190px;
            top:190px;
            font-size:30px;
        }
        .row .title .english{
            position:absolute;
            left:170px;
            top:135px;
            font-size:14px;
            color:#646464;
        }
        .row .span6{
            position:absolute;
            left:3px;
            top:373px;
        }
        .row .img{
            position:absolute;
            left: 647px;
            top: 370px;
        }
        .row .articleItem{
            line-height:40px;
            border-bottom:1px dotted #ccc;
            list-style: none;
        }
        .row .articleItem:last-child{
            border:none;
        }
        .row .articleItem .articleTitle{
            color:#4d4d4d;
        }
        .row .articleItem .time{
            color:#666;
        }

        /*关于乐农*/
        .aboutLN{
            width:100%;
            height:653px;
            background:#ddd;
        }
        .aboutLN .row{
            width:1200px;
            height:100%;
            position:relative;
        }
        .aboutLN .row .title{
            position:relative;
        }
        .aboutLN .row .title .outter{
            position:absolute;
            left:-17px;
            top:160px;
            z-index:10;
        }
        .aboutLN .row .title .inner{
            position:absolute;
            left:-36px;
            top:137px;
            z-index:10;
        }
        .aboutLN .row .title .item1{
            text-align:left;
            width:30px;
            line-height:30px;
            color:#fff;
            position:absolute;
            left:90px;
            top:295px;
            z-index:10;
        }
        .aboutLN .row .title .english{
            display: block;
            position:absolute;
            left:25px;
            top:242px;
            writing-mode:vertical-rl;
            height:200px;
            font-size:16px;
            z-index:10;
        }
        .aboutLN .row .bgImg{
            width:660px;
            height:400px;
            position:absolute;
            left:67px;
            top:105px;
            z-index:2;
        }
        .aboutLN .row .article{
            position:absolute;
            width:534px;
            height:306px;
            left:662px;
            top:156px;
            font-size:16px;
            word-wrap:break-word;
            z-index:10;
        }

        /*优选生活*/
        .life{
            width:100%;
            height:720px;
            background: transparent url(http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnqGVyQUoqOiRwQQwgA840AU.jpg) no-repeat top;
        }
        .life .row{
            width:1200px;
            height:100%;
            color:#fff;
            position:relative;
        }
        .life .row .title{
            width:447px;
            height:108px;
            position:absolute;
            left:376px;
            top:91px;
        }
        .life .row .title h2{
            font-size:50px;
            font-family: 微软雅黑,"microsoft yahei";
            text-align: center;
            margin-bottom:20px;
        }
        .life .row .title p{
            text-align: center;
        }
        .life .row .content{
            width:100%;
            height:374px;
            display:flex;
            justify-content: space-between;
            align-items: center;
            position:absolute;
            left:8px;
            top:241px;
        }
        .life .row .content .shangxia a{
            color:#fff;
        }
        .life .row .content .smallImg{
            position:relative;
        }
        .life .row .content .travel{
            width:285px;
            height:100%;
        }
        .row .content .travel .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .travel .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }
        .life .row .content .youxuan{
            width:285px;
            height:100%;
        }
        .row .content .youxuan .smallTitle{
            position:absolute;
            left:18px;
            top:347px;
            font-size:16px;
        }
        .row .content .youxuan .introduce{
            position:absolute;
            left:18px;
            top:10px;
            width:260px;
        }
        .life .row .content .photovoltaic{
            width:285px;
            height:100%;
        }
        .row .content .photovoltaic .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .photovoltaic .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }
        .life .row .content .jingshui{
            width:285px;
            height:100%;
        }
        .row .content .jingshui .smallTitle{
            position:absolute;
            left:18px;
            top:347px;
            font-size:16px;
        }
        .row .content .jingshui .introduce{
            position:absolute;
            left:18px;
            top:10px;
            width:260px;
        }

        /*乐农服务*/
        .service{
            width:100%;
            height:720px;
            background: transparent url(http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnqGVyQUoqOiRwQQwgA840AU.jpg) no-repeat top;
        }
        .service .row{
            width:1200px;
            height:100%;
            color:#fff;
            position:relative;
        }
        .service .row .title{
            width:447px;
            height:108px;
            position:absolute;
            left:376px;
            top:91px;
        }
        .service .row .title h2{
            font-size:50px;
            font-family: 微软雅黑,"microsoft yahei";
            text-align: center;
            margin-bottom:20px;
        }
        .service .row .title p{
            text-align: center;
        }
        .service .row .content{
            width:100%;
            height:374px;
            display:flex;
            justify-content: space-between;
            align-items: center;
            position:absolute;
            left:8px;
            top:241px;
        }
        .service .row .content .smallImg{
            position:relative;
        }
        .service .row .content .laowu{
            width:285px;
            height:100%;
        }
        .row .content .laowu .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .laowu .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }
        .service .row .content .peixun{
            width:285px;
            height:100%;
        }
        .row .content .peixun .smallTitle{
            position:absolute;
            left:18px;
            top:347px;
            font-size:16px;
        }
        .row .content .peixun .introduce{
            position:absolute;
            left:18px;
            top:10px;
            width:260px;
        }
        .service .row .content .falv{
            width:285px;
            height:100%;
        }
        .row .content .falv .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .falv .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }

        /*乐农生态*/
        .zoology{
            width:100%;
            height:720px;
            background: transparent url(http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnqGVyQUoqOiRwQQwgA840AU.jpg) no-repeat top;
        }
        .zoology .row{
            width:1200px;
            height:100%;
            color:#fff;
            position:relative;
        }
        .zoology .row .title{
            width:447px;
            height:108px;
            position:absolute;
            left:376px;
            top:91px;
        }
        .zoology .row .title h2{
            font-size:50px;
            font-family: 微软雅黑,"microsoft yahei";
            text-align: center;
            margin-bottom:20px;
        }
        .zoology .row .title p{
            text-align: center;
        }
        .zoology .row .content{
            width:100%;
            height:374px;
            display:flex;
            justify-content: space-between;
            align-items: center;
            position:absolute;
            left:8px;
            top:241px;
        }
        .zoology .row .content a{
            color:#fff;
        }
        .zoology .row .content .smallImg{
            position:relative;
        }
        .zoology .row .content .shangxia{
            width:285px;
            height:100%;
        }
        .row .content .shangxia .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .shangxia .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }
        .zoology .row .content .goods{
            width:285px;
            height:100%;
        }
        .row .content .goods .smallTitle{
            position:absolute;
            left:18px;
            top:347px;
            font-size:16px;
        }
        .row .content .goods .introduce{
            position:absolute;
            left:18px;
            top:10px;
            width:260px;
        }
        .zoology .row .content .fangan{
            width:285px;
            height:100%;
        }
        .row .content .fangan .smallTitle{
            position:absolute;
            left:18px;
            top:145px;
            font-size:16px;
        }
        .row .content .fangan .introduce{
            position:absolute;
            left:18px;
            top:180px;
            width:260px;
        }
        .zoology .row .content .line{
            width:285px;
            height:100%;
        }
        .row .content .line .smallTitle{
            position:absolute;
            left:18px;
            top:347px;
            font-size:16px;
        }
        .row .content .line .introduce{
            position:absolute;
            left:18px;
            top:10px;
            width:260px;
        }

        /*优势分析*/
        .advantage{
            width:100%;
            height:653px;
        }
        .advantage .row{
            width:1200px;
            height:100%;
            position:relative;
        }
        .advantage .row .title{
            position:relative;
        }
        .advantage .row .title .outter{
            position:absolute;
            left:-17px;
            top:160px;
        }
        .advantage .row .title .inner{
            position:absolute;
            left:-36px;
            top:137px;
        }
        .advantage .row .title .item1{
            text-align:left;
            width:30px;
            line-height:30px;
            color:#fff;
            position:absolute;
            left:90px;
            top:295px;
        }
        .advantage .row .title .english{
            display:block;
            position:absolute;
            left:25px;
            top:222px;
            writing-mode: vertical-rl;
            height:200px;
        }
        .advantage .row .bgImg{
            width:660px;
            height:400px;
            position:absolute;
            left:67px;
            top:105px;
            z-index:-1;
        }
        .advantage .row .article{
            position:absolute;
            width:534px;
            height:306px;
            left:662px;
            top:156px;
            font-size:16px;
            word-wrap:break-word;
        }

        /*合作伙伴*/
        /*.partner{*/
            /*width:100%;*/
            /*height:653px;*/
            /*background-color: #ddd;*/
        /*}*/
        /*.partner .row{*/
            /*width:1200px;*/
            /*height:100%;*/
            /*position:relative;*/
        /*}*/
        /*.partner .row .title{*/
            /*position:relative;*/
        /*}*/
        /*.partner .row .title .outter{*/
            /*position:absolute;*/
            /*left:-17px;*/
            /*top:160px;*/
            /*z-index:10;*/
        /*}*/
        /*.partner .row .title .inner{*/
            /*position:absolute;*/
            /*left:-36px;*/
            /*top:137px;*/
            /*z-index:10;*/
        /*}*/
        /*.partner .row .title .item1{*/
            /*text-align:left;*/
            /*width:30px;*/
            /*line-height:30px;*/
            /*color:#fff;*/
            /*position:absolute;*/
            /*left:90px;*/
            /*top:295px;*/
            /*z-index:10;*/
        /*}*/
        /*.partner .row .title .english{*/
            /*display:block;*/
            /*position:absolute;*/
            /*left:25px;*/
            /*top:222px;*/
            /*writing-mode:vertical-rl;*/
            /*height:200px;*/
            /*font-size:12px;*/
        /*}*/
        /*.partner .row .bgImg{*/
            /*width:660px;*/
            /*height:400px;*/
            /*position:absolute;*/
            /*left:67px;*/
            /*top:105px;*/
            /*z-index:1;*/
        /*}*/
        /*.partner .row .article{*/
            /*position:absolute;*/
            /*width:534px;*/
            /*height:306px;*/
            /*left:662px;*/
            /*top:156px;*/
            /*font-size:16px;*/
            /*word-wrap:break-word;*/
            /*z-index:10;*/
        /*}*/
    </style>
</head>
<%--轮播图--%>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <a href="javascript:;">
                <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgq5eVyQUo2Kih0QYwgA842AQ.jpg"/>
            </a>
        </div>
        <div class="swiper-slide">
            <a href="javascript:;">
                <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgpJeVyQUo9PbajQMwgA842AQ.jpg"/>
            </a>
        </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev">&lt;</div>
    <div class="swiper-button-next">&gt;</div>

    <!-- 如果需要滚动条 -->
    <%--<div class="swiper-scrollbar"></div>--%>
</div>

<%--<div class="hero-unit" style="padding-bottom:35px;margin:10px 0;">--%>
    <%--<c:set var="article" value="${fnc:getArticle('2')}"/>--%>
    <%--<h1>${fns:abbr(article.title,28)}</h1>--%>
    <%--<p></p>--%>
    <%--<p>${fns:abbr(fns:replaceHtml(article.articleData.content),260)}</p>--%>

    <%--<p><a href="${article.url}" class="btn btn-primary btn-large">&nbsp;&nbsp;&nbsp;查看详情 &raquo;&nbsp;&nbsp;&nbsp;</a>--%>
    <%--</p>--%>
<%--</div>--%>


<div class="aboutLN">
    <div class="row">
        <div class="title">
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgxZqVyQUoyI7JuQMwvgE4ogI.png" class="outter"/>
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAg1JyVyQUomIC3ETCWAThk.png" class="inner"/>
            <span class="item1">${fnc:getCategory("2").name}</span>
            <span class="english">ABOUT &nbsp; LENONG</span>
        </div>
        <div class="span6 pull-left bgImg">
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgiZyVyQUo-s2ILjCUBTiQAw.png"/>
        </div>
        <div class="pull-right article">
            <p>${fnc:getCategory("2").description}</p>
        </div>
    </div>
</div>



<c:set var="categorys" value="${fnc:getCategoryList(1,2,4 ,null)}"/>
<c:forEach items="${categorys}" var="category">
    <c:if test="${category.module=='article'}" >
        <div class="advantage">
            <div class="row">
                <div class="title">
                    <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgxZqVyQUoyI7JuQMwvgE4ogI.png" class="outter"/>
                    <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAg1JyVyQUomIC3ETCWAThk.png" class="inner"/>
                    <span class="item1">${category.name}</span>
                    <span class="english">LENONG</span>
                </div>
                <div class="span6 pull-left bgImg">
                    <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgiZyVyQUo-s2ILjCUBTiQAw.png"/>
                </div>
                <div class="pull-right article">
                    <p>${category.description}</p>
                </div>
            </div>
        </div>
    </c:if>
    <%--<c:if test="${category.module==''}" >
        <div class="zoology">
            <div class="row">
                <div class="title">
                    <h2>${category.name}</h2>
                    <p>——————&nbsp;&nbsp;&nbsp;LENONG&nbsp;&nbsp;&nbsp;——————</p>
                </div>
                <c:set var="categorys" value="${fnc:getCategoryList(1,category.id,4 ,null)}"/>
                <div class="content">

                    <div class="shangxia">
                        <a href="f/list-${categorys[0].id}.html">
                            <div class="smallImg">
                                <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAg2KSVyQUo_IiYmgYwnQI49gI.jpg"/>
                                <p class="smallTitle">${categorys[0].name}</p>
                                <p class="introduce">
                                        ${categorys[0].description}
                                </p>
                            </div>
                        </a>
                    </div>
                        &lt;%&ndash;<a href="list-3383714797eb456eb41da0bafe99af47.html">&ndash;%&gt;
                    <div class="goods">
                        <a href="f/list-${categorys[1].id}.html">
                            <div class="smallImg">
                                <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgk6WVyQUo0OjPsAMwnQI49gI.jpg"/>
                                <p class="smallTitle">${categorys[1].name}</p>
                                <p class="introduce">${categorys[1].description}</p>
                            </div>
                        </a>
                    </div>

                    <div class="fangan">
                        <a href="f/list-${categorys[2].id}.html">
                            <div class="smallImg">
                                <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgp6WVyQUo7sG-1AYwnQI49gI.jpg"/>
                                <p class="smallTitle">${categorys[2].name}</p>
                                <p class="introduce">${categorys[2].description}</p>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </c:if>--%>
</c:forEach>

<%--
&lt;%&ndash;优选生活&ndash;%&gt;
<div class="life">
    <div class="row">
        <div class="title">
            <h2>优选生活</h2>
            <p>——————&nbsp;&nbsp;&nbsp;EXCELLENT LIFE&nbsp;&nbsp;&nbsp;——————</p>
        </div>
        <div class="content">
            <div class="travel">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAg2KSVyQUo_IiYmgYwnQI49gI.jpg"/>
                    <p class="smallTitle">乐农旅游</p>
                    <p class="introduce">乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游乐农旅游</p>
                </div>
            </div>
            <div class="youxuan">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgk6WVyQUo0OjPsAMwnQI49gI.jpg"/>
                    <p class="smallTitle">乐农优选</p>
                    <p class="introduce">乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选乐农优选</p>
                </div>
            </div>
            <div class="photovoltaic">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgp6WVyQUo7sG-1AYwnQI49gI.jpg"/>
                    <p class="smallTitle">光伏发电</p>
                    <p class="introduce">光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电光伏发电</p>
                </div>
            </div>
            <div class="jingshui">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnaWVyQUogbW4kQcwnQI49gI.jpg"/>
                    <p class="smallTitle">净水设备</p>
                    <p class="introduce">净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备</p>
                </div>
            </div>
        </div>
    </div>
</div>

&lt;%&ndash;乐农服务&ndash;%&gt;
<div class="service">
    <div class="row">
        <div class="title">
            <h2>乐农服务</h2>
            <p>——————&nbsp;&nbsp;&nbsp;LENONG SERVICE&nbsp;&nbsp;&nbsp;——————</p>
        </div>
        <div class="content">
            <div class="laowu">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAg2KSVyQUo_IiYmgYwnQI49gI.jpg"/>
                    <p class="smallTitle">劳务输出</p>
                    <p class="introduce">劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出劳务输出</p>
                </div>
            </div>
            <div class="peixun">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgk6WVyQUo0OjPsAMwnQI49gI.jpg"/>
                    <p class="smallTitle">职业培训</p>
                    <p class="introduce">职业培训职业培训职业培训职业培训职业培训职业培训职业培训职业培训职业培训职业培训职业培训</p>
                </div>
            </div>
            <div class="falv">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgp6WVyQUo7sG-1AYwnQI49gI.jpg"/>
                    <p class="smallTitle">法律援助</p>
                    <p class="introduce">法律援助法律援助法律援助法律援助法律援助法律援助法律援助法律援助法律援助法律援助法律援助</p>
                </div>
            </div>
            &lt;%&ndash;<div class="falv">&ndash;%&gt;
                &lt;%&ndash;<div class="smallImg">&ndash;%&gt;
                    &lt;%&ndash;<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnaWVyQUogbW4kQcwnQI49gI.jpg"/>&ndash;%&gt;
                    &lt;%&ndash;<p class="smallTitle">净水设备</p>&ndash;%&gt;
                    &lt;%&ndash;<p class="introduce">净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备净水设备</p>&ndash;%&gt;
                &lt;%&ndash;</div>&ndash;%&gt;
            &lt;%&ndash;</div>&ndash;%&gt;
        </div>
    </div>
</div>

&lt;%&ndash;乐农生态&ndash;%&gt;
<div class="zoology">
    <div class="row">
        <div class="title">
            <h2>乐农生态</h2>
            <p>——————&nbsp;&nbsp;&nbsp;LENONG ZOOLOGY&nbsp;&nbsp;&nbsp;——————</p>
        </div>
        <div class="content">
            <div class="shangxia">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAg2KSVyQUo_IiYmgYwnQI49gI.jpg"/>
                    <p class="smallTitle">上行+下行</p>
                    <p class="introduce">上行+下行上行+下行上行+下行上行+下行上行+下行上行+下行上行+下行上行+下行上行+下行上行+下行</p>
                </div>
            </div>
            <div class="goods">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgk6WVyQUo0OjPsAMwnQI49gI.jpg"/>
                    <p class="smallTitle">商品+服务</p>
                    <p class="introduce">商品+服务商品+服务商品+服务商品+服务商品+服务商品+服务商品+服务商品+服务商品+服务商品+服务</p>
                </div>
            </div>
            <div class="fangan">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgp6WVyQUo7sG-1AYwnQI49gI.jpg"/>
                    <p class="smallTitle">解决方案</p>
                    <p class="introduce">解决方案解决方案解决方案解决方案解决方案解决方案解决方案解决方案解决方案解决方案解决方案解决方案</p>
                </div>
            </div>
            <div class="line">
                <div class="smallImg">
                    <img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgnaWVyQUogbW4kQcwnQI49gI.jpg"/>
                    <p class="smallTitle">线上+线下</p>
                    <p class="introduce">线上+线下线上+线下线上+线下线上+线下线上+线下线上+线下线上+线下线上+线下线上+线下线上+线下</p>
                </div>
            </div>
        </div>
    </div>
</div>

&lt;%&ndash;优势分析&ndash;%&gt;
<div class="advantage">
    <div class="row">
        <div class="title">
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgxZqVyQUoyI7JuQMwvgE4ogI.png" class="outter"/>
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAg1JyVyQUomIC3ETCWAThk.png" class="inner"/>
            <span class="item1">优势分析</span>
            <span class="english">ADVANTAGE &nbsp; ANALYSIS</span>
        </div>
        <div class="span6 pull-left bgImg">
            <img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgiZyVyQUo-s2ILjCUBTiQAw.png"/>
        </div>
        <div class="pull-right article">
            <p>优势分析优势分析优势分析优势分析优势分析优势分析</p>
            <p>优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析</p>
            <p>优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析优势分析</p>
        </div>
    </div>
</div>
--%>

<%--合作伙伴--%>
<%--<div class="partner">--%>
    <%--<div class="row">--%>
        <%--<div class="title">--%>
            <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgxZqVyQUoyI7JuQMwvgE4ogI.png" class="outter"/>--%>
            <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAg1JyVyQUomIC3ETCWAThk.png" class="inner"/>--%>
            <%--<span class="item1">合作伙伴</span>--%>
            <%--<span class="english">COOPERATIVE &nbsp; PARTNER</span>--%>
        <%--</div>--%>
        <%--<div class="span6 pull-left bgImg">--%>
            <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgiZyVyQUo-s2ILjCUBTiQAw.png"/>--%>
        <%--</div>--%>
        <%--<div class="pull-right article">--%>
            <%--<p>合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴</p>--%>
            <%--<p>合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴</p>--%>
            <%--<p>合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴</p>--%>
        <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>


<%--<div class="row-out">--%>
    <%--<div class="row">--%>
        <%--<div class="title">--%>
            <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png" class="outter"/>--%>
            <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>--%>
            <%--<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>--%>
            <%--<span class="item1">组织机构</span>--%>
            <%--<span class="english">institutional framework</span>--%>
        <%--</div>--%>
        <%--<div class="span6 pull-left">--%>

            <%--<ul><c:forEach items="${fnc:getArticleList(site.id, 2, 8, '')}" var="article">--%>
                <%--<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a--%>
                        <%--href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>--%>
            <%--</c:forEach></ul>--%>
        <%--</div>--%>
        <%--<div class="pull-right img">--%>
            <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>--%>
        <%--</div>--%>

    <%--</div>--%>
<%--</div>--%>

<%--<div class="row-out">--%>
    <%--<div class="row">--%>
        <%--&lt;%&ndash;<div class="span6">&ndash;%&gt;--%>
            <%--&lt;%&ndash;<h4>&ndash;%&gt;--%>
                <%--&lt;%&ndash;<small><a href="${ctx}/list-6${urlSuffix}" class="pull-right">更多&gt;&gt;</a></small>&ndash;%&gt;--%>
                <%--&lt;%&ndash;质量监督&ndash;%&gt;--%>
            <%--&lt;%&ndash;</h4>&ndash;%&gt;--%>
            <%--&lt;%&ndash;<ul><c:forEach items="${fnc:getArticleList(site.id, 6, 8, '')}" var="article">&ndash;%&gt;--%>
                <%--&lt;%&ndash;<li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a&ndash;%&gt;--%>
                        <%--&lt;%&ndash;href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,28)}</a></li>&ndash;%&gt;--%>
            <%--&lt;%&ndash;</c:forEach></ul>&ndash;%&gt;--%>
        <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
            <%--<div class="title">--%>
                <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png" class="outter"/>--%>
                <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>--%>
                <%--<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>--%>
                <%--<span class="item1">质量监督</span>--%>
                <%--<span class="english">quality monitoring</span>--%>
            <%--</div>--%>
            <%--<div class="span6 pull-left">--%>

                <%--<ul><c:forEach items="${fnc:getArticleList(site.id, 6, 8, '')}" var="article">--%>
                    <%--<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a--%>
                            <%--href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>--%>
                <%--</c:forEach></ul>--%>
            <%--</div>--%>
            <%--<div class="pull-right img">--%>
                <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>--%>
            <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>

<%--<div class="row-out">--%>
    <%--<div class="row">--%>
        <%--&lt;%&ndash;<div class="span6">&ndash;%&gt;--%>
            <%--&lt;%&ndash;<h4>&ndash;%&gt;--%>
                <%--&lt;%&ndash;<small><a href="${ctx}/list-10${urlSuffix}">更多</a></small>&ndash;%&gt;--%>
                <%--&lt;%&ndash;<span class="item3">政策法规</span>&ndash;%&gt;--%>
            <%--&lt;%&ndash;</h4>&ndash;%&gt;--%>
            <%--&lt;%&ndash;<ul><c:forEach items="${fnc:getArticleList(site.id, 10, 8, '')}" var="article">&ndash;%&gt;--%>
                <%--&lt;%&ndash;<li><span class="pull-right"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a&ndash;%&gt;--%>
                        <%--&lt;%&ndash;href="${article.url}" style="color:${article.color}">${fns:abbr(article.title,28)}</a></li>&ndash;%&gt;--%>
            <%--&lt;%&ndash;</c:forEach></ul>&ndash;%&gt;--%>
        <%--&lt;%&ndash;</div>&ndash;%&gt;--%>
            <%--<div class="title">--%>
                <%--<img src="http://13869797.s61i.faiusr.com/4/AD0I5cXOBhAEGAAgwqmVyQUo-pKbvgEw8gI4tAE.png" class="outter"/>--%>
                <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgxLeVyQUowMKVejDXATiPAQ.jpg" class="inner"/>--%>
                <%--<small><a href="${ctx}/list-2${urlSuffix}" class="more">更多</a></small>--%>
                <%--<span class="item1">政策法规</span>--%>
                <%--<span class="english">laws and regulations</span>--%>
            <%--</div>--%>
            <%--<div class="span6 pull-left">--%>

                <%--<ul><c:forEach items="${fnc:getArticleList(site.id, 10, 8, '')}" var="article">--%>
                    <%--<li class="articleItem"><span class="pull-right time"><fmt:formatDate value="${article.updateDate}" pattern="yyyy.MM.dd"/></span><a--%>
                            <%--href="${article.url}" class="articleTitle">${fns:abbr(article.title,28)}</a></li>--%>
                <%--</c:forEach></ul>--%>
            <%--</div>--%>
            <%--<div class="pull-right img">--%>
                <%--<img src="http://13869797.s61i.faiusr.com/2/AD0I5cXOBhACGAAgmbiVyQUonJPE2gIwpgQ4tgI.jpg"/>--%>
            <%--</div>--%>
    <%--</div>--%>

<%--</div>--%>

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.0.2/js/swiper.js"></script>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        autoplay: 5000,
        direction: 'horizontal',
        loop: true,
        autoplayDisableOnInteraction: false,
        speed: 3000,


        // 如果需要分页器
//        pagination: '.swiper-pagination',

        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev'

        // 如果需要滚动条
//        scrollbar: '.swiper-scrollbar',
    })
</script>
</body>
</html>